<template>
  <div id="map">
    <l-map :zoom="15" :center="mapCenter">
      <l-tile-layer :url="tileLayerUrl" :attribution="attribution"></l-tile-layer>
    </l-map>
  </div>
</template>

<script>
import { LMap, LTileLayer } from 'vue3-leaflet';

// 영천시 json - 기존
// import am5geodata_yeongcheon from "./map";

export default {
  components: {
    LMap,
    LTileLayer,
  },
  data() {
    return {
      mapCenter: [ 35.87172388583504,  128.55915532852885], // Initial center coordinates
      tileLayerUrl: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', // Tile layer URL
      attribution: '&copy; OpenStreetMap contributors', // Attribution text
    };
  },
  }
</script>

<style>
.layerlist_title{
background: #42547f;
color: #fff;
padding: 10px;
font-size: 14px;
}
#map{min-height: 866px !important;}
</style>
